<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="css/screen.css" type="text/css" rel="stylesheet" media="screen,projection" />
        <link href="css/print.css" type="text/css" rel="stylesheet" media="print" />
        <script src="js/cufon.js" type="text/javascript"></script>
        <script src="js/cufon-config.js" type="text/javascript"></script>
        <script src="js/font.js" type="text/javascript"></script>
        <title>#{recurso.paginaHeadTitulo}</title>
    </h:head>
    
    <f:metadata>
        <!--<f:event type="preRenderView" listener="{sesionUsuario.validarSesion()}"/>-->
    </f:metadata> 
    
    <h:body>
        <p:growl id="mensajes" showDetail="true" showSummary="true"/>

        <div id="intro">
            <div class="wrap clearfix"> 
                
                <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/> 
                
                <p:dialog modal="true" widgetVar="statusDialog" header="Cargando"   
                        draggable="false" closable="false">  
                    <p:graphicImage value="img/ajax_loading_bar.gif" />  
                </p:dialog> 
                
                <ui:insert name="content">Content</ui:insert>
            </div>
        </div>

        <hr class="noscreen" />

        <div id="header">
            <div class="wrap">

                <!-- Logo start -->
                <a id="logo" href=".././principal/Inicio.jsf" title="moduloReporte">
                    #{recurso.paginaTituloPrimerNombre}<strong>#{recurso.paginaTituloSegundoNombre}</strong>
                </a>
                
                <!-- Logo end -->

                <hr class="noscreen noprint" />

                <!-- Navigation start -->
                <strong class="noscreen noprint">Navigation:</strong>
                <ul id="nav">
                    <ui:insert name="headerLinks">
                    <h:form>
                        <li class="active">
                            <p:commandLink value="#{recurso.paginaMenuInicio}" action="/principal/Inicio" ajax="false"/></li>
                        <!--<h:panelGroup id="accionesIngresoUsuario" rendered="{sesionUsuario.usuarioEnSesion}">
                            <li><p:commandLink value="#{recurso.paginaMenuUsuario}" action="/usuario/UsuarioVista" ajax="false"/></li>
                            <li><p:commandLink value="#{recurso.paginaMenuReporte}" action="/reporte/ReporteVista" ajax="false"/></li>
                            <li><p:commandLink value="{recurso.sesionBtnSalir}" action="{sesionUsuario.desconectarSesion()}" ajax="false"/></li>
                        </h:panelGroup>-->
                    </h:form>
                    </ui:insert>
                </ul>
                
                    
                
                <!-- Navigation end -->
            </div>
            
        </div>

        <hr class="noscreen" />

        <!-- Footer start -->

        <p class="footer">
            <span class="floatLeft">#{recurso.paginaPieAno} - #{recurso.nombreModulo}</span>
            <span class="floatRight">#{recurso.paginaNombreEmpresa}</span>
        </p>

        <!-- Footer end -->
    </h:body>

</html>
